﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <meta name="viewport" content="width=device-width" />
    <link href="../Styles/jquery.mobile-1.0b1.css" rel="stylesheet" type="text/css" />
    <link href="../Styles/jquery.contextmenu.css" rel="stylesheet" type="text/css" />
    <link href="../Styles/scrollbar.css" rel="stylesheet" type="text/css" />
    <script src="../Scripts/lib/jquery-1.6.1.min.js" type="text/javascript"></script>
    <script src="../Scripts/lib/jquery-ui-1.8.13.custom.min.js" type="text/javascript"></script>
    <script src="../Scripts/lib/jquery.mobile-1.0b1.js" type="text/javascript"></script>
    <style>
        .header-title
        {
            float: left;
            font-size: 18px;
            font-weight: bold;
            color: #fff;
            margin: 4px;
            line-height: 32px;
        }
        #feeds .ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li, .ui-btn-inner div.ui-link-inherit
        {
            padding: 0.2em 15px 0.7em 15px;
        }
        #feeds .ui-li-heading
        {
            width: 70%;
        }
        #feeds .ui-li-aside
        {
            width: 30%;
        }
        #feeds .feed-list .feed-close
        {
            width: 11px;
            height: 14px;
            background: url(images/funcs.png) 0px -56px;
            float: right;
        }
        #feeds .feed-list .feed-close:hover
        {
            background: url(images/funcs.png) 0px -70px;
            cursor: pointer;
        }
        #feeds .feed-list .title
        {
            color: #323232;
            font-size: 16px;
        }
        #feeds .feed-list .title .unread
        {
            font-weight: bold;
        }
        #feeds .feed-list .title a
        {
            text-decoration: none;
            color: #333;
        }
        #feeds .feed-list .title a:hover
        {
            color: #666;
        }
        #feeds .feed-list .body
        {
            color: #666;
            font-size: 14px;
            white-space: normal;
        }
        #feeds .feed-list .body a
        {
            text-decoration: none;
            color: #666;
        }
        #feeds .feed-list .body a:hover
        {
            text-decoration: underline;
        }
        #feeds .feed-list .noti
        {
            background: #fefecc;
            background: -moz-linear-gradient(top, #fefecc 0%, #fcf9a1 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefecc), color-stop(99%, #fcf9a1));
            background: -webkit-linear-gradient(top, #fefecc 0%, #fcf9a1 100%);
            background: -o-linear-gradient(top, #fefecc 0%, #fcf9a1 100%);
            background: -ms-linear-gradient(top, #fefecc 0%, #fcf9a1 100%);
            background: linear-gradient(top, #fefecc 0%, #fcf9a1 100%);
        }
        #feeds .feed-list .is-read
        {
            font-weight: normal;
            color: #666;
        }
        #feeds .action-container
        {
            clear: both;
            width: 100%;
            overflow: hidden;
        }
        #feeds .action-container .action-r
        {
            float: right;
            color: #ccc;
            font-size: 12px;
            heigh: 16px;
        }
        #feeds .action-container a
        {
            margin: 0 0 0 6px;
        }
        #feeds .action-container .ezlink
        {
            text-decoration: none;
            color: #a1a1a1;
            line-height: 14px;
            text-shadow: 0px 0px 1px #fff;
        }
        #feeds .action-container .ezlink:hover
        {
            color: #6E6E6E;
        }
        #feeds .action-container .notification-link
        {
            color: #57a8b5;
            text-shadow: 0px 0px 1px #fff;
        }
        #feeds .action-container .notification-link:hover
        {
            color: #458994;
        }
        .img-button
        {
            position: absolute;
            right: 4px;
        }
        .tabs
        {
            background: #f1f1f1; /* Old browsers */
            background: -moz-linear-gradient(top, #f1f1f1 0%, #d5d5d5 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(99%,#d5d5d5)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, #f1f1f1 0%,#d5d5d5 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, #f1f1f1 0%,#d5d5d5 100%); /* Opera11.10+ */
            background: -ms-linear-gradient(top, #f1f1f1 0%,#d5d5d5 100%); /* IE10+ */
            background: linear-gradient(top, #f1f1f1 0%,#d5d5d5 100%); /* W3C */
            -webkit-box-shadow: 1px 1px 5px #666;
            height: 28px;
        }
        .tabs #arrow
        {
            height: 10px;
            position: fixed;
            background: url(../Styles/app-arrow.png) repeat-x 40px;
        }
        .tabs .tabs-arrow
        {
            width: 100%;
            top: 66px;
            position: absolute;
        }
        .tabs .tab-item
        {
            width: 100%;
            top: 48px;
            font-size: 10px;
            color: #666;
            position: absolute;
        }
        .tabs .tab-feed
        {
            text-align: center;
        }
        .tabs .tab-contact
        {
            text-align: left;
        }
        .tabs .tab-project
        {
            text-align: right;
        }
        .tabs .tab-current
        {
            color: #000;
            font-size: 11px;
            font-weight: bold;
        }
        .tabs .txt-item
        {
            padding: 0 8px;
        }
    </style>
    <script>

        $(function () {
            var windowWidth = document.documentElement.clientWidth;

            $('#arrow').css({
                right: 0,
                left: (windowWidth - 106) / 2
            })

        });
    </script>
</head>
<body class="ui-mobile-viewport">
    <div data-role="page" class="type-interior ui-page ui-body-c ui-page-active">
        <div data-role="header" data-theme="a" class="ui-bar-f ui-header" role="banner">
            <div tabindex="0" role="heading" aria-level="1">
                <span class="header-title">Ezdesk</span>
                <div class="img-button">
                    <img src="../Styles/pencil.png" style="width: 28px; height: 28px; padding: 6px; border-left: 1px #aaa solid;" />
                </div>
            </div>
        </div>
        <!-- /header -->
        <div class="tabs">
            <div class="tabs-arrow">
                <div id="arrow">
                </div>
            </div>
            <div class="tab-item tab-contact">
                <span class="txt-item">联系人</span>
            </div>
            <div class="tab-item tab-feed tab-current">
                <span class="txt-item">消息</span>
            </div>
            <div class="tab-item tab-project">
                <span class="txt-item">项目</span>
            </div>
        </div>
        <!-- /tabs -->
        <div id="feeds" data-role="content" class="ui-content" role="main">
            <div class="content-primary">
                <ul data-role="listview" class="ui-listview feed-list">
                    <li data-role="list-divider" role="heading" class="ui-li ui-li-divider ui-btn ui-bar-b ui-btn-up-undefined">
                        星期四 2011-08-04 </li>
                    <li data-theme="c" class="ui-btn ui-btn-icon-right ui-li ui-btn-up-c">
                        <div class="ui-btn-inner ui-li">
                            <div class="ui-btn-text">
                                <div class="ui-link-inherit">
                                    <div class="ui-li-aside ui-li-desc ">
                                        <strong>17:14</strong></div>
                                    <h3 class="ui-li-heading title">
                                        <span><a class="ezlink" href="#"><span><span>我：123123</span></span></a></span></h3>
                                    <div class="ui-li-desc body">
                                        <span><span>“ 1231212312313123313112123”</span><br>
                                            <span>还没有人确认过。</span><a class="ezlink" href="#"><span></span></a></span></div>
                                    <div class="action-container">
                                        <div class="action-r">
                                            <a class="ezlink" href="#"><span>回复(0)</span></a></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li data-theme="c" class="ui-btn ui-btn-icon-right ui-li ui-btn-up-c">
                        <div class="ui-btn-inner ui-li">
                            <div class="ui-btn-text">
                                <div class="ui-link-inherit">
                                    <div class="ui-li-aside ui-li-desc ">
                                        <strong>17:11</strong></div>
                                    <h3 class="ui-li-heading title">
                                        <span><a class="ezlink" href="#"><span>按时打算大时代22 项目更新</span></a></span></h3>
                                    <div class="ui-li-desc body">
                                        <span>黄冠 将项目描述修改为 爱仕达大速度<br>
                                        </span>
                                    </div>
                                    <div class="action-container">
                                        <div class="action-r">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li data-role="list-divider" role="heading" class="ui-li ui-li-divider ui-btn ui-bar-b ui-btn-up-undefined">
                        星期四 2011-08-04 </li>
                    <li data-theme="c" class="ui-btn ui-btn-icon-right ui-li ui-btn-up-c">
                        <div class="ui-btn-inner ui-li">
                            <div class="ui-btn-text">
                                <div class="ui-link-inherit">
                                    <div class="ui-li-aside ui-li-desc ">
                                        <strong>16:47</strong></div>
                                    <h3 class="ui-li-heading title">
                                        <span><a class="ezlink" href="#"><span>zxczxczcxxzc 项目更新</span></a></span></h3>
                                    <div class="ui-li-desc body">
                                        <span></span>
                                    </div>
                                    <div class="action-container">
                                        <div class="action-r">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li data-role="list-divider" role="heading" class="ui-li ui-li-divider ui-btn ui-bar-b ui-btn-up-undefined">
                        星期四 2011-08-04 </li>
                    <li data-theme="c" class="ui-btn ui-btn-icon-right ui-li ui-btn-up-c">
                        <div class="ui-btn-inner ui-li">
                            <div class="ui-btn-text">
                                <div class="ui-link-inherit">
                                    <div class="ui-li-aside ui-li-desc ">
                                        <strong>14:27</strong></div>
                                    <h3 class="ui-li-heading title">
                                        <span><a class="ezlink" href="#"><span><span>我：123</span></span></a></span></h3>
                                    <div class="ui-li-desc body">
                                        <span><span>“123123”</span></span></div>
                                    <div class="action-container">
                                        <div class="action-r">
                                            <a class="ezlink" href="#"><span>回复(0)</span></a></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li data-theme="c" class="ui-btn ui-btn-icon-right ui-li ui-btn-up-c">
                        <div class="ui-btn-inner ui-li">
                            <div class="ui-btn-text">
                                <div class="ui-link-inherit">
                                    <div class="ui-li-aside ui-li-desc ">
                                        <strong>14:25</strong></div>
                                    <h3 class="ui-li-heading title">
                                        <span><a class="ezlink" href="#"><span>撒打算打算 项目更新</span></a></span></h3>
                                    <div class="ui-li-desc body">
                                        <span>黄冠 创建了项目</span></div>
                                    <div class="action-container">
                                        <div class="action-r">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li data-theme="c" class="ui-btn ui-btn-icon-right ui-li ui-btn-up-c">
                        <div class="ui-btn-inner ui-li">
                            <div class="ui-btn-text">
                                <div class="ui-link-inherit">
                                    <div class="ui-li-aside ui-li-desc ">
                                        <strong>13:24</strong></div>
                                    <h3 class="ui-li-heading title">
                                        <span><a class="ezlink" href="#"><span><span>我：123</span></span></a></span></h3>
                                    <div class="ui-li-desc body">
                                        <span><span>“asdadaadadadadaasdsdadasasdadad asda ”</span><br>
                                            <span>还没有人确认过。</span><a class="ezlink" href="#"><span></span></a></span></div>
                                    <div class="action-container">
                                        <div class="action-r">
                                            <a class="ezlink" href="#"><span>回复(0)</span></a></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <!--/content-primary -->
        </div>
        <!-- /content -->
    </div>
</body>
</html>
